<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- HTML 样式- CSS -->
    <!-- CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。 -->
    <!-- HTML样式实例 - 背景颜色 -->

    <!-- <body style="background-color:yellow;">
        <h2 style="background-color:red;">这是一个标题</h2>
        <p style="background-color:green;">这是一个段落。</p>
        </body> -->

    <!-- HTML 样式实例 - 字体, 字体颜色 ，字体大小 -->
    <!-- <h1 style="font-family:verdana;">一个标题</h1> -->
    <!-- <p style="font-family:arial;color:red;font-size:20px;">一个段落。</p> -->

    <!-- HTML 样式实例 - 文本对齐方式 -->
    <!-- <h1 style="text-align:center;">居中对齐的标题</h1> -->
    <!-- <p>这是一个段落。</p> -->

    <!-- 外部样式表 -->
    <!-- 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 -->

    <!-- <head> -->
    <!-- <link rel="stylesheet" type="text/css" href="mystyle.css"> -->
    <!-- </head> -->

    <!-- <style>	定义文本样式 -->
    <!-- /* <link>	定义资源引用地址 */ -->
    <!-- HTML 图像- 设置图像的高度与宽度
      height（高度） 与 width（宽度）属性用于设置图像的高度与宽度。

      属性值默认单位为像素:

    <img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
     提示: 指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度，页面加载时就会保留指定的尺寸。
      如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局。 -->
</body>

</html>